<template>
    <view>
        <view class="header">
            <view class="store-title">
                <view class="store-img"></view>
                <view class="store-name">南宁凤凰谷景区点</view>
            </view>
            <view class="store-info">
                <view class="store-info-item">
                    <view>全部商品</view>
                    <view style="margin-top:20rpx">4</view>
                </view>
                <view class="store-info-item">
                    <view>上新</view>
                    <view style="margin-top:20rpx">4</view>
                </view>
                <view class="store-info-item">
                    <view>热销</view>
                    <view style="margin-top:20rpx">4</view>
                </view>
                <view class="store-info-item">
                    <view>店铺动态</view>
                    <view style="margin-top:20rpx">4</view>
                </view>
            </view>
        </view>

        <view class="store-main">
            <view class="store-introduce">
                <view>店铺介绍</view>
                <view style="font-size:26rpx;margin-left:56rpx">店铺经营景点特产和门票</view>
            </view>
            <view class="store-time">
                <view>开店时间</view>
                <view style="font-size:26rpx;margin-left:56rpx">2019-03-20  16:39:17</view>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    
}
</script>

<style>
    .header {
        height: 227rpx;
        background: #ffffff;
        margin-top: 32rpx;
    }
    .store-title {
        height: 74rpx;
        border-bottom: 1rpx solid #F5F5F5;
        display: flex;
        justify-content: left;
    }
    .store-img {
        width: 41rpx;
        height: 37rpx;
        border: 1rpx solid #ccc;
        margin-top: 14rpx;
        margin-left: 51rpx;
    }
    .store-name {
        color: #333333;
        font-size: 30rpx;
        font-weight: 500;
        margin-top: 14rpx;
        margin-left: 17rpx;
    }
    .store-info {
        display: flex;
        justify-content: space-between;
        padding: 0 50rpx;
        margin-top: 32rpx;
        text-align: center;
        color: #333333;
        font-size: 26rpx;
        font-weight: 500;
    }
    .store-main {
        overflow: hidden;
        height: 157rpx;
        background: #ffffff;
        margin-top: 25rpx;
        padding-left: 40rpx;
        color: #333333;
        font-size: 24rpx;
    }
    .store-introduce {
        display: flex;
        justify-content: left;
        margin-top: 23rpx;
    }
    .store-time {
        display: flex;
        justify-content: left;
        margin-top: 42rpx;
    }
</style>